<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>

<div th:fragment="left">
    <div class="hj-lift layui-hide-xs">
        <div class="hj-list" style="background: #F8F8F8;">
            <ul>
                <li>
                    <img th:src="@{style/img/myPicture.jpg}">
                </li>
                <li class="am-kai hj-li">
                    <h1>Mr.Li</h1>
                </li>
                <li>
                    <p class="qz-weixin"><span class="am-icon-weixin">：  Li_HJ_</span></p>

                    <p class="qz-weixin"><span class="am-icon-qq">：  277361481</span></p>
                </li>
                <li class="hj-hr"></li>
                <li class="qz-icon layui-row">
                    <a href="https://gitee.com/LiHuaJ" target="_blank" title="Gitee" style="margin-left: 8%;">
                        <img th:src="@{/style/img/gitee.jpg}" data-am-popover="{content: 'Gitee', trigger: 'hover focus'}"
                             style="width: 30px; margin-left: 4%">
                    </a>
                    <a href="https://blog.csdn.net/" target="_blank" title="CSDN" style="margin-left: 8%;">
                        <img th:src="@{/style/img/csdn.jpg}" data-am-popover="{content: 'CSDN', trigger: 'hover focus'}"
                            style="width: 30px; margin-left: 4%"></a>
                    <a href="##" class="am-primary am-icon-qq am-icon-sm qq"></a>
                    <a href="##" class="am-primary am-icon-wechat am-icon-sm wxchat"></a>
                <li>
            </ul>

            <div id="wx_picture" class="picture-size">
                <img th:src="@{/style/img/wx.jpg}" alt="二维码">
            </div>
            <div id="qq_picture" class="picture-size">
                <img th:src="@{/style/img/qq.jpg}" alt="二维码">
            </div>
        </div>
        <div>
            <i class="am-icon-quote-left"></i>
            <div class="hj-notice">
                <p>业精于勤，而荒于嬉</p>
                <p>行成于思，而毁于随</p>
                <p class="hj-name">--- 韩愈</p>
                <p class="last">欢迎来到 MyBlog</p>
            </div>
            <i class="am-icon-quote-right"></i>
        </div>
        <div>
            <i class="am-icon-quote-left"></i>
            <div class="hj-notice hj-message">
                <p>人生的奋斗目标不要太大</p>
                <p>认准了一件事情</p>
                <p>投入兴趣与热情坚持去做</p>
                <p>你就会成功</p>
                <p>加油！</p>
            </div>
            <i class="am-icon-quote-right"></i>
        </div>
    </div>
</div>

</body>
</html>